<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no,width=device-width"/>
<link rel="stylesheet" type="text/css" href="bootstrap4/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
<link rel="stylesheet" type="text/css" href="font/iconfont.css"/>
<title>个人中心</title>
</head>
<body>
<div class="banner hidden-sm-down">
	<img class="banner_img" src="img/bg.jpg" />
	<img class="logo" src="img/logo.png" />
</div>
<header class="my-header">
	<nav class="navbar navbar-light bg-faded">
		<div class="container">
			<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#navbar-header" aria-controls="navbar-header" aria-expanded="false" aria-label="Toggle navigation"></button>
			<a href="" class="btn btn-outline-secondary float-xs-right">退出</a>
			<a href="/" class="form-inline float-xs-right center">
	        	<img src="img/Personal-Center.png" />
				<span>个人中心</span>
		    </a>
		    <div class="collapse navbar-toggleable-xs" id="navbar-header">
		      <ul class="nav navbar-nav">
		      	<li class="nav-item">
		          <a class="nav-link" href="#">Navbar</a>
		      	</li>
		        <li class="nav-item dropdown">
				    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
				    <div class="dropdown-menu">
				      <a class="dropdown-item" href="#">Action</a>
				      <a class="dropdown-item" href="#">Another action</a>
				      <a class="dropdown-item" href="#">Something else here</a>
				      <div class="dropdown-divider"></div>
				      <a class="dropdown-item" href="#">Separated link</a>
				    </div>
				</li>
		        <li class="nav-item">
		          <a class="nav-link" href="#">Features</a>
		        </li>
		        <li class="nav-item">
		          <a class="nav-link" href="#">Pricing</a>
		        </li>
		        <li class="nav-item">
		          <a class="nav-link" href="#">About</a>
		        </li>
		      </ul>
		    </div>
		</div>
	</nav>
</header>	
<section class="container my_center" style="background: white;">
	<div class="float-xs-right mt-1 center_name">
		<p class="float-xs-left mr-1">你好，<span >k9999</span></p>
		<div class="float-xs-right">
			<button type="button" class="btn btn-outline-primary">修改收货地址</button>
			<button type="button" class="btn btn-outline-primary">修改银行卡</button>
			<button type="button" class="btn btn-outline-primary">修改密码</button>
		</div>
	</div>
	<div class="clearfix"></div>
	<!--<img src="img/th.jpg" class="img-thumbnail">-->
	<div class="mt-1 container row" style="padding-right: 0;">
		<div class="col-xs-12 col-md-4 col-xl-2 mt-1">
		  <div class="container my_box">
		  	<i class="iconfont icon-jinqian"></i>
		  	<div class="float-xs-right">
		  		<h6 class="h6">奖励积分</h6>
		  		<h5 class="h5">￥5000</h5>
		  	</div>
		  </div>
		</div>
		<div class="col-xs-12 col-md-4 col-xl-2 mt-1">
		  <div class="container my_box">
		  	<i class="iconfont icon-peiziiconfont04"></i>
		  	<div class="float-xs-right">
		  		<h6 class="h6">奖励积分</h6>
		  		<h5 class="h5">￥5000</h5>
		  	</div>
		  </div>
		</div>
		<div class="col-xs-12 col-md-4 col-xl-2 mt-1">
		  <div class="container my_box">
		  	<i class="iconfont icon-jinqianxiaotubiao"></i>
		  	<div class="float-xs-right">
		  		<h6 class="h6">奖励积分</h6>
		  		<h5 class="h5">￥5000</h5>
		  	</div>
		  </div>
		</div>
		<div class="col-xs-12 col-md-4 col-xl-2 mt-1">
		  <div class="container my_box">
		  	<i class="iconfont icon-jinqianyishipeichang"></i>
		  	<div class="float-xs-right">
		  		<h6 class="h6">奖励积分</h6>
		  		<h5 class="h5">￥5000</h5>
		  	</div>
		  </div>
		</div>
		<div class="col-xs-12 col-md-4 col-xl-2 mt-1">
		  <div class="container my_box">
		  	<i class="iconfont icon-qian-copy"></i>
		  	<div class="float-xs-right">
		  		<h6 class="h6">奖励积分</h6>
		  		<h5 class="h5">￥5000</h5>
		  	</div>
		  </div>
		</div>
		<div class="col-xs-12 col-md-4 col-xl-2 mt-1">
		  <div class="container my_box">
		  	<i class="iconfont icon-jinqian2"></i>
		  	<div class="float-xs-right">
		  		<h6 class="h6">奖励积分</h6>
		  		<h5 class="h5">￥5000</h5>
		  	</div>
		  </div>
		</div>
	</div>
	<div class="ml-1 mt-2 my_btn_box">
		<a class="btn btn-primary mr-1" href="#" role="button">余额充值</a>
		<a class="btn btn-primary mr-1" href="#" role="button">余额提现</a>
		<a class="btn btn-primary mr-1" href="#" role="button">余额转账</a>
	</div>
</section>
</body>
<script src="jquery-3.0.0/jquery-3.0.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="bootstrap4/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
</script>
</html>